<template>
    <div class="title">
        {{title}}
    </div>
</template>

<script>
    export default {
        props: {
            title: {
                type: String,
                default: ''
            }
        }
    }
</script>

<style lang="stylus">
    .title
        background: url('./title.png') no-repeat
        width: 100%
        height: 30px
        background-size: 100% 100%
        margin-top: 6px
        margin-bottom: 6px
        line-height: 30px
        padding-left: 20px
        font-size: 16px
        font-weight: 700
        color: #fff
        box-sizing: border-box
</style>